<template>
  <div>
    <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam"></navTop>
    <div class="payoff_con">
      <p class="payMes">医生：{{doctorName}}</p>
      <p class="payMes">患者：{{patientName}}</p>
      <p class="payMes">日期：{{yuyueDate}}</p>
      <!-- <p>￥<span class="money">{{je_sf}}</span></p> -->
      <p>
        <nuxt-link :to="{path:'/yuyue/yuyueRecord'}" tag="span">预约列表</nuxt-link>|
        <nuxt-link :to="{path:'/wode/wode'}" tag="span">返回我的</nuxt-link>
      </p>
    </div>
  </div>
</template>
<script>
import navTop from '~/components/common/navTop';

export default {
  // props: ['doctorName', 'yuyueResult', 'patientName', 'yuyueDate'],
  data() {
    return {
      showBack: false,
      bkParam: 'bk',
      headTitle: '',
      doctorName: this.$route.query.doctorName,
      yuyueResult: this.$route.query.yuyueResult,
      patientName: this.$route.query.patientName,
      yuyueDate: this.$route.query.yuyueDate,
    };
  },
  components: {
    navTop,
  },
  methods: {
    paystatus() {
      if (this.yuyueResult == '200') {
        this.headTitle = '预约成功';
      } else {
        this.headTitle = '预约失败';
      }
    },
  },
  created() {
    this.paystatus();
    this.$root.showfooter = false;
  },
  destroyed() {
    this.$root.showfooter = true;
  },
};
</script>
<style scoped>
body {
  background-color: #f1f1f1;
}
.payoff_con {
  margin-top: 2.8rem;
  background: #fff;
}
.payMes {
  background: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 2rem;
  color: #333;
  font-family: "Microsoft Yahei";
  margin-bottom: 0;
  background-color: #ffffe0;
  border: 1px solid #f1f1f1;
}
.payoff_con p {
  background: #fff;
  font-size: 0.9rem;
  text-align: center;
  line-height: 3rem;
  color: #696969;
  font-family: "Microsoft Yahei";
}
.payoff_con .money {
  font-size: 1.5rem;
  font-weight: bold;
}
/* .payoff_con p:last-child {
  line-height: 3rem;
  font-family: "Microsoft Yahei";
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ddd;
} */
.payoff_con p:last-child span {
  margin: 0 2.5rem;
  color: #333;
}
</style>

